<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>开始使用layui</title>
    <link rel="stylesheet" href="../../static/layui/css/layui.css">

    <!-- import Vue.js -->
    <script src="../../static/iview/js/vue.min.js"></script>
    <!-- import Vue-router.js -->
    <script src="../../static/iview/js/vue-router.min.js"></script>
    <!-- import iView -->
    <script src="../../static/iview/js/iview.min.js"></script>
    <!-- import iView icons(Ionicons) js -->
    <script src="../../static/iview/js/ionicons.js"></script>


    <!-- import iView css -->
    <link rel="stylesheet" href="../../static/iview/css/iview.css">
    <!-- import iView icons(Ionicons) css -->
    <!--<link rel="stylesheet" href="../../static/iview/css/ionicons.min.css">-->

    <link href="https://unpkg.com/ionicons@4.5.5/dist/css/ionicons.min.css" rel="stylesheet">

</head>
<body>



<div id="layout" class="layout">


    <i-menu mode="horizontal">
        <menu-item name="1">
            <Icon type=" ion-md-pricetag" />
            内容管理
        </menu-item>

    </i-menu>

    <!--<i-button type="primary">Primary</i-button>-->
</div>



<script>

    new Vue({
        el: '#app',
        data: {
            mess: {
                name: 'allen',
                age:18
            },
            visible: false
        },
        methods: {
            show: function () {
                this.visible = true
            }
        }
    });

    new Vue({
        el: '#layout',
        data: {
            mess: {
                name: 'allen',
                age:18
            }
        },
        methods: {

        }
    });




</script>

<!--<div class="layui-header layui-bg-black">-->
    <!--<div class="layui-main">-->
        <!--<a class="logo" href="#">-->
            <!--&lt;!&ndash;<img src="../../static/image/logo.png" alt="logo">&ndash;&gt;-->
            <!--<span style="font-size: 40px">商场</span>-->
        <!--</a>-->
        <!--<div class="layui-select component">-->
            <!--<input type="text" placeholder="搜索组件或模块" value="" class="layui-input"><i-->
                <!--class="layui-i-i-i-Icon-search" style="font-size: 20px;color: #FF0000;"></i>-->

        <!--</div>-->
    <!--</div>-->
<!--</div>-->

<!--<div class="layui-main site-inline">-->

<!--</div>-->



<script src="../../static/layui/layui.all.js"></script>
<script>
    //由于模块都一次性加载，因此不用执行 layui.use() 来加载对应模块，直接使用即可：
    !function () {
        var layer = layui.layer
            , form = layui.form
            , carousel = layui.carousel;

        carousel.render({
            elem: '#test1'
            , width: '100%' //设置容器宽度
            , arrow: 'always' //始终显示箭头
            //,anim: 'updown' //切换动画方式
        });

        // layer.msg('Hello');
    }();


</script>
</body>
</html>
